<template>
  <div>
    <x-header :left-options="{backText: ''}" style="background-color:#31b9b8;">个人资料</x-header>
    <group title="基本资料" class="jbzi">
      <x-input title="姓名" name="name" placeholder="请填写" is-type="china-name"></x-input>
      <popup-picker title="民族" :data="nation_list" placeholder="请选择"></popup-picker>
      <x-input title="身份证" name="idcard" placeholder="请填写" is-type="china-name"></x-input>
      <popup-picker title="政治面貌" :data="political_list" placeholder="请选择"></popup-picker>
      <x-input title="联系方式" name="tel" placeholder="请填写" keyboard="number" is-type="china-mobile"></x-input>
      <x-input title="联系邮箱" name="email" placeholder="请输入邮箱地址" is-type="email"></x-input>
      <x-address title="生源地址" :list="addressData"
                 placeholder="请选择"></x-address>
      <x-address title="家庭地址" :list="addressData"
                 placeholder="请选择"></x-address>
      <x-address title="户口所在地" :list="addressData"
                 placeholder="请选择"></x-address>

    </group>
    <group title="校园信息" class="jbzi">
      <x-input title="考生号" name="ks_number" placeholder="请填写" is-type="china-name"></x-input>
      <popup-picker title="学院及系别" :data="college_list" placeholder="请选择"></popup-picker>
      <popup-picker title="专业及班级" :data="class_list" placeholder="请选择"></popup-picker>
      <x-input title="宿舍地址" name="dormitory_add" placeholder="请填写" is-type="china-name"></x-input>
    </group>
  </div>
</template>
<script>
  import {XHeader, XInput, Group, PopupPicker, XAddress, ChinaAddressV3Data} from 'vux'

  export default {
    components: {
      XHeader,
      XInput,
      Group,
      PopupPicker,
      XAddress
    },
    data () {
      return {
        nation_list: [['汉族', '回族', '苗族', '藏族', '土家族']],
        political_list: [['共青团员', '中共党员', '预备党员']],
        addressData: ChinaAddressV3Data,
        college_list: [['经管学院', '土木学院', '机械学院'], ['信息管理与信息系统', '电子商务', '机械制造及其自动化']],
        class_list: [['信息管理与信息系统', '电子商务'], ['信管1班', '信管2班', '电商1班', '电商2班']]
      }
    },
    method: {}

  }
</script>

<style>
  .jbzi .weui-cells__title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #000 !important;
  }
</style>

